<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j">
<head>
<script type="text/javascript">
			function loadChgPhoto() {
			$("#divChgPhoto").load("maphoto.html");
			}
		</script>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style/style.css" />
<title>Panier - (nomUtilisateur) - eSharing</title>
</head>
<body>
	<div class="topbarcontenu">
		<div>
			<span class="logo"> <img src="images/logo.jpg" />
			</span> <span class="toplink"> Bienvenue, <a
				href="tableaudebord.html"> (nomUtilisateur) </a> <a href="">
					Déconnexion </a>
			</span> <span class="topbarrechercher"> <h:form
					class="recherchepages">
					<input type="text" id="cetaem" class="textrecherche" maxlength="80"
						placeholder="Que voulez-vous emprunter ?" />
					<input type="submit" id="btnrechercher" value="Rechercher" />
				</h:form>
			</span>
		</div>
		<br />
		<div>
			<span class="parrainage"> <h:form id="parrainer">
					<input type="text" id="cetaem" class="mailfilleul" maxlength="80"
						placeholder="Adresse mail" />
					<input type="submit" id="btnparrain" value="Parrainer un ami !" />
				</h:form>
			</span>
		</div>
	</div>
	<div>
		<span id="lienblanc"> </span> <span id="lienPanier"
			style="float: right;"> <a href="">Panier</a>
		</span> <span id="lienblanc" style="float: right;"> </span> <span
			id="lienMonActivite" style="float: right;"> <a href="">Mon
				Activite</a>
		</span> <span id="lienblanc" style="float: right;"> </span> <span
			id="lienAlertes" style="float: right;"> <a href="">Alertes</a>
		</span> <span id="lienblanc" style="float: right;"> </span> <span
			id="lienMessagerie" style="float: right;"> <a href="">Messagerie</a>
		</span>
	</div>
	<div id="pagecontenu" style="width: 94%;">
		<h2>Mes demandes d'emprunt</h2>
		<h:dataTable value="" var="">
			<h:column>
				<h:graphicImage value="" height = "50px" width = "50px"/>
			</h:column>
			<h:column>
				<f:facet name="header">Type</f:facet>
				<h:outputLabel value="Machine à café"/>
			</h:column>
			<h:column>
				<f:facet name="header">Marque</f:facet>
				<h:outputLabel value="Nespresso" />
			</h:column>
			<h:column>
				<f:facet name="header">Date de début</f:facet>
				<h:outputLabel value="20.03.2014" />
			</h:column>
			<h:column>
				<f:facet name="header">Date de Fin</f:facet>
				<h:outputLabel value="25.03.2014" dataModel="" />
			</h:column>
			<h:column>
				<f:facet name="header">Valeur</f:facet>
				<h:outputLabel value="5€" />
			</h:column>
			<h:column>
				<f:facet name="header">Propriétaire</f:facet>
				<h:outputLabel value="Quelqu'un" />
			</h:column>
			<h:column>
				<h:selectBooleanCheckbox/>
			</h:column>	
		</h:dataTable>
		<span><h:commandButton value="Valider"/></span> 
		<span><h:commandButton value="Retourner"/></span> 
		<span style="float: right;">
		<h:commandButton value="Supprimer"/></span> 
		<span style="float: right;">
		<h:commandButton value="Vider"/></span>
	</div>
	<div id="goodies">
		<ul id="sociallinks" style="float: right">
			<li><a href="@sadfdsafdfd">FB</a></li>
			<li><a href="@sadfdsafdfd">TW</a></li>
			<li><a href="@sadfdsafdfd">G+</a></li>
			<li><a href="@sadfdsafdfd">RSS</a></li>
		</ul>
	</div>
	<div class="footer">
		<span style="align: left"> <a href="/trust">Confiance et
				sécurité</a>
		</span> <span style="align: left"> <a href="/about/about-us">A
				propos</a>
		</span>
	</div>
</body>
</html>